<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="./style.css">
</head>
<body>

<div class="geju">
        <ul class="nav">
            <li class="active">公告</li>
            <li>规则</li>
            <li>论坛</li>
            <li>安全</li>
            <li>公益</li>
        </ul>

    <div class="main">
        <div class="xian">
            <li style="color: #FF4400">
                天猫618狂欢冲刺 聚划算全面爆发
            </li>
            <br>
            <li>天猫 618 吃货大爆发</li>
            <li>新西兰高端奶成交大涨</li>
        </div>
        <div>
            <li>新增《淘宝网汽配行业管理规范》公示通知</li>
            <li>《淘宝网区域零售服务说明》变更公示通知</li>
            <li>《淘宝网票务行业管理规范》变更公示通知</li>
            <li>《淘宝网数字娱乐市场须提供官方授权的商品目录》变更公示通知</li>
        </div>
        <div>
            <li style="color: #FF4400">淘宝1212活动招商</li>
            <li>中差评功能升级</li>
            <li>陌生人拼团上线</li>
            <li>运营神器年中大促</li>
        </div>
        <div>
            <li style="color: #FF4400">魔豆妈妈公益项目</li>
            <li style="color: #FF4400">让母爱永不打烊！</li>
            <li>卖家注意：风险通报！</li>
            <li>售假获刑又起诉！</li>
        </div>
        <div>
            <li style="color:#FF4400;">淘宝公益平台正式更名</li>
            <li  style="color: #FF4400">公益机构开店全攻略</li>
            <li>卖家如何设置公益宝贝</li>
            <li>公益机构开店全攻略</li>
        </div>
    </div>
</div>

<script src="js.js"></script>
</body>
</html>